$(function(){ 
    var params = location.href.split("=");
    var flatform = params[1];

    showPlans(flatform);
    
    // Order
    $('#basicInfo').on('click', '.btnOrder', function(){
        addToCart(this);
        return false;    
    });
});

function boolToYesNo(bool) {
    return (bool == 'true') ? 'yes' : 'no';
}

function showPlans(flatform) {
    $.get('data/hosting.xml', function(data){
        var plans = $(data).find('flatform[type="'+ flatform +'"]').find('plan');
        
        if(flatform == 'Windows') {
            $('#tab #windowsPlan').addClass('active');
        } else if(flatform == 'Linux') {
            $('#tab #linuxPlan').addClass('active');
        } else {
            $('#tab #hotPlan').addClass('active');
            plans = $(data).find('plan[hot="true"]');
        }
        
        showBasicInfo(plans);
        showAccountInfo(plans);
        showExtraInfo(plans); 
    }, 'xml');
}

function showBasicInfo(plans) {
    var html = "";
    
    plans.each(function(i){
        html += '<article class="col-'+ (i + 2) +' indent">';
        html += '   <h4 class="aligncenter" style="font-size: 11pt; margin-top: 7px">'+ $(this).find('name').text() +'</h4>';
        html += '   <ul class="info-list1 alt">';
        html += '       <li>'+ $(this).find('diskSpace').text() +'MB</li>';
        html += '       <li>'+ $(this).find('bandwidth').text() +'MB</li>';
        html += '       <li>$'+ $(this).find('pricePerMonth').text() +'</li>';
        html += '       <li>'+ $(this).find('uptime').text() +'%</li>';
        html += '       <li>'+ boolToYesNo($(this).find('support').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('dailyBackups').text()) +'</li>';
        html += '       <li>$'+ $(this).find('setupFee').text() +'</li>';
        html += '       <li>'+ $(this).find('minMonths').text() +'</li>';
        html += '   </ul>';
        html += '   <div class="aligncenter">';
        html += '       <a href="#" class="link3 btnOrder" data-id="'+ $(this).attr('id') +'" data-name="'+ $(this).find('name').text() +'" ';
        html += '       data-price="'+ $(this).find('pricePerMonth').text() +'" data-min="'+ $(this).find('minMonths').text() +'"><span><span>Order!</span></span></a>';
        html += '   </div>';
        html += '</article>';    
    });

    html += '<div class="clear"></div>';
    
    $('#basicInfo').append(html);
}

function showAccountInfo(plans) {
    var html = "";

    plans.each(function(i){
        html += '<article class="col-'+ (i + 2) +' indent1">';
        html += '   <ul class="info-list1 alt">';
        html += '       <li>'+ $(this).find('domains').text() +'</li>';
        html += '       <li>'+ $(this).find('subdomains').text() +'</li>';
        html += '       <li>'+ $(this).find('ftpAccounts').text() +'</li>';
        html += '   </ul>';
        html += '</article>';    
    });

    html += '<div class="clear"></div>';
    
    $('#accountInfo').append(html);
}

function showExtraInfo(plans) {
    var html = "";

    plans.each(function(i){
        html += '<article class="col-'+ (i + 2) +' indent1">';
        html += '   <ul class="info-list1 alt">';
        html += '       <li>'+ $(this).find('dbms').text() +'</li>';
        html += '       <li>'+ $(this).find('databases').text() +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('cgi').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('perl').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('cron').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('ssl').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('curl').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('gd').text()) +'</li>';
        html += '       <li>'+ boolToYesNo($(this).find('python').text()) +'</li>';
        html += '       <li>'+ $(this).find('php').text() +'</li>';
        html += '   </ul>';
        html += '</article>';    
    });

    html += '<div class="clear"></div>';
    
    $('#extraInfo').append(html);
}